<template>
  <div>
    <h1>{{msg}}</h1>
    <button @click="getrev">点击翻转</button>
  </div>
</template>

<script>
export default{
  data() {
    return{
      msg:'hello vue'
    }
  },
  methods:{
    getrev() {
      // 无缝切割，拼接，使用空字符串
      this.msg = this.msg.split('').reverse().join('')
    }
  }
}
</script>

<style lang="scss" scoped>

</style>